<h1><i class="icon-asterisk"></i> Extra Classes</h1>



<hr />



<h3>Buttons</h3>

<p>This theme provides a few extra classes of buttons on top of those provided by default: secondary & tertiary. </p>

<p>

<pre>
&lt;button class="btn btn-primary"&gt;Primary Button&lt;/button&gt;
&lt;button class="btn btn-secondary"&gt;Secondary Button&lt;/button&gt;
&lt;button class="btn btn-tertiary"&gt;Tertiary Button&lt;/button&gt;
</pre>

<br />


<h4>Button Classes</h4>

<table class="table">
	
	<thead>
		
		<tr>
			<th>Class</th>
			<th>Description</th>
		</tr>
		
	</thead>
	
	<tbody>
		<tr>
			<td>.btn-primary</td>
			<td>Primary</td>
		</tr>
		<tr>
			<td>.btn-secondary</td>
			<td>Secondary</td>
		</tr>
		<tr>
			<td>.btn-tertiary</td>
			<td>Tertiary</td>
		</tr>
	</tbody>
	
</table>

<hr />




<h3>Progress Bars</h3>

<p>This theme provides a few extra classes of progress bars on top of those provided by default: secondary & tertiary. </p>

<p>

<pre>
&lt;div class="progress progress-primary"&gt;
	&lt;div class="bar" style="width: 37%"&gt;&lt;/div&gt;			
&lt;/div&gt;

&lt;div class="progress progress-secondary"&gt;
	&lt;div class="bar" style="width: 37%"&gt;&lt;/div&gt;		
&lt;/div&gt;

&lt;div class="progress progress-tertiary"&gt;
	&lt;div class="bar" style="width: 37%"&gt;&lt;/div&gt;		
&lt;/div&gt;
</pre>

<br />


<h4>Progress Bar Classes</h4>

<table class="table">
	
	<thead>
		
		<tr>
			<th>Class</th>
			<th>Description</th>
		</tr>
		
	</thead>
	
	<tbody>
		<tr>
			<td>.progress-primary</td>
			<td>Primary</td>
		</tr>
		<tr>
			<td>.progress-secondary</td>
			<td>Secondary</td>
		</tr>
		<tr>
			<td>.progress-tertiary</td>
			<td>Tertiary</td>
		</tr>
	</tbody>
	
</table>



<br />


<hr />




<h3>Labels</h3>

<p>This theme provides a few extra classes of labels on top of those provided by default: secondary & tertiary. </p>

<p>

<pre>
&lt;span class="label label-primary"&gt;
	Primary Label
&lt;/span&gt;

&lt;span class="label label-secondary"&gt;
	Secondary Label
&lt;/span&gt;

&lt;span class="label label-tertiary"&gt;	
	Tertiary Label
&lt;/span&gt;
</pre>

<br />


<h4>Label Classes</h4>

<table class="table">
	
	<thead>
		
		<tr>
			<th>Class</th>
			<th>Description</th>
		</tr>
		
	</thead>
	
	<tbody>
		<tr>
			<td>.label-primary</td>
			<td>Primary</td>
		</tr>
		<tr>
			<td>.label-secondary</td>
			<td>Secondary</td>
		</tr>
		<tr>
			<td>.label-tertiary</td>
			<td>Tertiary</td>
		</tr>
	</tbody>
	
</table>



<br />




<hr />




<h3>Badges</h3>

<p>This theme provides a few extra classes of badges on top of those provided by default: secondary & tertiary. </p>

<p>

<pre>
&lt;span class="badge badge-primary"&gt;
	Primary Badge
&lt;/span&gt;

&lt;span class="badge badge-secondary"&gt;
	Secondary Badge
&lt;/span&gt;

&lt;span class="badge badge-tertiary"&gt;	
	Tertiary Badge
&lt;/span&gt;
</pre>

<br />


<h4>Badge Classes</h4>

<table class="table">
	
	<thead>
		
		<tr>
			<th>Class</th>
			<th>Description</th>
		</tr>
		
	</thead>
	
	<tbody>
		<tr>
			<td>.badge-primary</td>
			<td>Primary</td>
		</tr>
		<tr>
			<td>.badge-secondary</td>
			<td>Secondary</td>
		</tr>
		<tr>
			<td>.badge-tertiary</td>
			<td>Tertiary</td>
		</tr>
	</tbody>
	
</table>



<br />


